
    <agenttpl file="user_center_header" />
    <!--section-->
    <section>
        <div class="user_center">
            <div class="banner_1">
                <img src="__PUBLIC__img/1200-200+.jpg" alt=""/>
            </div>
            <div class="user_center_main">
                <agenttpl file="share/side" />
                <div class="center_main">
                    <div class="search_box">
                        <b>搜索游戏：</b><input type="text" placeholder=" 请输入游戏ID或游戏名称"/><button>搜索</button>
                    </div>
                    <div class="search_game_list">
                        <p class="top">
                            <span>共找到<b> 315 </b>个游戏</span>
                            <select name="" id="">
                                <option value="10">每页10条</option>
                                <option value="20">每页20条</option>
                                <option value="30">每页30条</option>
                            </select>
                        </p>
                        <table class="table1">
                            <thead>
                                <tr>
                                    <th class="sub_box1"><input type="checkbox"/></th><!--10-->
                                    <th class="game_ID">游戏ID</th><!--10-->
                                    <th class="game_icon">图标</th><!--12-->
                                    <th class="game_name">游戏名称</th><!--33-->
                                    <th class="game_size">游戏大小</th><!--10-->
                                    <th class="game_version">版本</th><!--20-->
                                    <th class="lasted_time">更新时间</th><!--25-->
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/3224.jpg" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                                <tr class="list_1">
                                    <td class="sub_box1"><input type="checkbox"/></td><!--10-->
                                    <td class="game_ID">111300</td><!--10-->
                                    <td class="game_icon"><img src="__PUBLIC__img/28075733710889326.png" alt=""/></td><!--12-->
                                    <td class="game_name">神武赵子龙</td><!--33-->
                                    <td class="game_size">48M</td><!--10-->
                                    <td class="game_version">1.0.0</td><!--20-->
                                    <td class="lasted_time">2016-07-08 15:17:56</td><!--25-->
                                </tr>
                        </table>
                        <div class="choose_application">
                            <div class="choose_btn1">
                                <label><input type="checkbox"/>全选</label>
                                <button>选中申请</button>
                            </div>
                            <div class="choose_count">
                                共<span>315</span>条，第<b>1</b>/<s>32</s>页
                            </div>
                            <div class="page_num">
                                <div class="left">
                                    <button>首页</button>
                                    <button>&lt;</button>
                                </div>
                                <div class="center">
                                    <button class="active">1</button>
                                    <button>2</button>
                                    <button>3</button>
                                    <button>4</button>
                                    <button>5</button>
                                    <button class="sl">...</button>
                                </div>
                                <div class="right">
                                    <button>&gt;</button>
                                    <button>末页</button>
                                    <span>
                                        第 <input type="text"/> 页
                                    </span>
                                    <button class="Determine">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <agenttpl file="user_center_footer" />
    <script>
        $(".center_main").css("width", Math.floor(parseInt($(".user_center_main").css("width"))) - parseInt($(".center_left").css("width")) - 13 + "px");
        $(".choose_btn1 label").css("margin-left", parseInt($("tbody>.list_1>.sub_box1").css("width")) / 2 - 13 + "px");
//        $(".aside_nav").delegate("a", "click", function (event) {
//            event.preventDefault();//取消默认事件
//            $(".aside_nav .active").removeClass("active");
//            $(this).parent().addClass("active");
//        })
        /************主导航点击效果***********/
        $(".main_nav").delegate("li", "click", function () {
            $(".main_nav .active").removeClass("active");
            $(this).addClass("active");
        })
        $(".page_num .center").delegate("button", "click", function () {
            $(".page_num .center .active").removeClass("active");
            $(this).addClass("active");
        })
        /***********底部全选按钮***********/
        $(".choose_application .choose_btn1 label").change(function () {
            check_all(this);
        });
        /***********顶部全选按钮************/
        $(".table1 thead  .sub_box1").change(function () {
            check_all(this);
        });
        /***********全选函数**************/
        function check_all(x) {
            if ($(x).children("input").prop("checked")) {
                $(".table1 tbody .list_1 .sub_box1").each(function () {
                    $(this).children("input").prop("checked", "checked");
                });
                $(".choose_application .choose_btn1 label input").prop("checked", "checked");//选中下方全选按钮
                $(".table1 thead  .sub_box1 input").prop("checked", "checked");//选中上方全选按钮
            } else {
                $(".table1 tbody .list_1 .sub_box1").each(function () {
                    $(this).children("input").prop("checked", "");
                });
                $(".choose_application .choose_btn1 label input").prop("checked", "");
                $(".table1 thead  .sub_box1 input").prop("checked", "");
            }
        }
        $(".table1 tbody .list_1 .sub_box1").delegate("input[type='checkbox']", "click", function () {
            var input_count = $(".table1 tbody .list_1 .sub_box1 input").length;
            var checked_1 = 0;
            for (var i = 0; i < input_count; i++) {
                if ($(".table1 tbody .list_1 .sub_box1 input").eq(i).prop("checked")) {
                    checked_1++;
                } else {
                    $(".choose_application .choose_btn1 label input").prop("checked", "");
                    $(".table1 thead  .sub_box1 input").prop("checked", "");
                    return;
                }
            }
            $(".choose_application .choose_btn1 label input").prop("checked", "checked");
            $(".table1 thead  .sub_box1 input").prop("checked", "checked");
            checked_1 = 0;

        })
    </script>